<template>
  <div id="app">
    <keep-alive>
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="scss">
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .picker-container{
    background-color: rgba(255,255,255,0);
  }
  .messagePopover{
    border-radius: 10px;
    /*position: relative;*/
    top: 110px !important;
    &:before{
      content: "";
      position: absolute;
      top: -28px;
      right: 8px;
      display: inline-block;
      width: 15px;
      height: 15px;
      border-top: 15px solid transparent;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #ffffff;
    }
  }
</style>
